<template>
  <div>
    <el-dialog :model-value="dialogVisible" title="Tips" width="30%">
      <span>This is a message</span>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="$emit('update:dialogVisible', false)">Cancel</el-button>
          <el-button type="primary" @click="$emit('update:dialogVisible', false)">
            Confirm
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      // dialogVisible: true
    }
  },
  created () { },
  mounted () { },
  methods: {}

}
</script>

<style scoped lang="less"></style>